<template name="header_user">
  <li class="nav-item dropdown dropdown-navbar">
    <a class="nav-icon nav-icon-user pr-0" href="#" role="button" data-toggle="dropdown">
      <img src="{{currentAvatar}}" alt="User Img" width="32" class="rounded-circle">
    </a>
    <div class="dropdown-menu dropdown-user">
      <a class="dropdown-item" href="/i">
        <div class="d-flex flex-column">
          <b>{{currentDisplayName}}</b>
          <span class="text-secondary">@{{currentUserName}}</span>
        </div>
      </a>
      <div class="dropdown-divider"></div>
      <a class="dropdown-item" href="/u/{{currentUserName}}">
        <i class="material-icons mr-3">person_outline</i>
        <span>个人主页</span>
      </a>
      <a class="dropdown-item" href="/channels">
        <i class="material-icons mr-3">bubble_chart</i>
        <span>我的频道</span>
      </a>
      <!-- <a class="dropdown-item" href="/settings">
        <i class="material-icons mr-3">settings</i>
        <span>设置</span>
      </a> -->
      <div class="dropdown-divider"></div>
      <a class="dropdown-item" href="#" id="open-feedback-modal">反馈问题</a>
      <a class="dropdown-item" href="#" id="header-logout">登出</a>
    </div>
    {{> feedback_modal}}
  </li>
</template>